<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美食馆</title>
    <title>1705050109 梁龙沃</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <!-- jQuery -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
        <script src="css/01.css"></script>
        <script src="js/01.js"></script>
    <style>
         body{
            background-color: rgb(201, 204, 207);
        }
        @media (max-width:768px) {
            .carousel .item {
                height: 300px;
            }
        }

        .carousel .item {
            height: 400px
        }

        .carousel .item img {
            width: 100%
        }

        .item>img,
        .carousel-inner>.item>a>img {
            display: block;
            max-width: 100%;
            height: auto;
        }
        .index_sc_w {
    width: 990px;
    background: #fff;
    position: relative;
    height: 193px;
}
div{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

    </style>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="">
</head>

<body>
    <!-- 导航 -->



    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">首页</a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="dropdown">
                <a href="cp.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">菜谱 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="jiac.html">家常</a></li>
                  <li><a href="zhonghua.html">中华菜系</a></li>
                  <li><a href="waiguo.html">外国菜系</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="gedi.html">各地小吃</a></li>
                </ul>
              </li>
              <li><a href="mscd.html">美食菜单</a></li>
              <li><a href="cpsp.html">产品下载</a></li>
              <li><a href="jj.html">家居馆</a></li>
            </ul>
            
            <ul class="nav navbar-nav navbar-right">
              
              <form class="navbar-form navbar-left">
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
              </form>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>

      <br>
      <style>.textCetent{text-align:center;}
  
          </style><h3 class="textCetent">今日午餐推荐：午餐荤素搭配，好吃不腻</h3>
  <br>
    <!-- 轮播广告 -->

    <div id="carousel-id" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-id" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-id" data-slide-to="1" class=""></li>
            <li data-target="#carousel-id" data-slide-to="2" class=""></li>
            <li data-target="#carousel-id" data-slide-to="3" class=""></li>
            <li data-target="#carousel-id" data-slide-to="4" class=""></li>


        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img data-src="" alt="First slide" src="images/1.jpg">
                <div class="container">

                </div>
            </div>
            <div class="item">
                <img data-src="" alt="Second slide" src="images/2.jpg">
                <div class="container">
                    
                </div>
            </div>
            <div class="item">
                <img data-src="" alt="Third slide" src="images/3.jpg">
                <div class="container">
                    
                </div>
            </div>
            <div class="item">
                <img data-src="" alt="Four slide" src="images/4.jpg">
                <div class="container">
                    
                </div>
            </div>
            <div class="item">
                <img data-src="" alt="Five slide" src="images/5.jpg">
                <div class="container">
                   
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-id" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-id" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    <br>
    <style>.textCetent{text-align:center;}

        </style><h3 class="textCetent">一月，养肾防寒，合理进补</h3>
<br>


<ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">水果</a></li>
        <li><a href="#1" data-toggle="tab">蔬菜</a></li>
        <li><a href="#2" data-toggle="tab">生鲜</a></li>
       
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="home">
            <img src="images/s1.jpg">
            <img src="images/s2.jpg">
            <img src="images/s3.jpg">
            <img src="images/s4.jpg">
            <img src="images/s5.jpg">
            <img src="images/s6.jpg">
        </div>
        <div class="tab-pane fade" id="1">
                <img src="images/a1.jpg">
                <img src="images/a2.jpg">
                <img src="images/a3.jpg">
                <img src="images/a4.jpg">
                <img src="images/a5.jpg">
                <img src="images/a6.jpg">
        </div>
        <div class="tab-pane fade" id="2">
                <img src="images/b1.jpg">
                <img src="images/b2.jpg">
                <img src="images/b3.jpg">
                <img src="images/b4.jpg">
                <img src="images/b5.jpg">
                <img src="images/b6.jpg">
        </div>
        
    </div>
    
<br>
<style>.textCetent{text-align:center;}

    </style><h3 class="textCetent">健康新闻</h3>
<br>
<div class="view">
			<div class="row clearfix">
				<div class="col-md-4 column ui-sortable">
					<div class="box box-element ui-draggable" style="display: block;">
						
							<div class="view">
								<div class="media well">
									<a href="#" class="pull-left"></a>
									<div class="media-body" contenteditable="true">
										<h4 class="media-heading">冻鱼保鲜保营养吗?</h4>
                                        最近关于活鱼的事儿备受关注，而当活鱼玩失踪的时候，内心感到最忐忑的恐怕应该是——冷冻鱼。毕竟，国人在“吃”这件事情上从来都是条条大路通罗马。当活鱼买不到的时候，吃货的筷子也伸向了还没失踪的冷冻鱼们。谁叫鱼从古至今都是餐桌上的大菜呢，逢年过节、婚丧嫁娶少了谁都可以，但宴席中总少不了鱼。没办法，无论是想满足口腹之欲，还是想要获得丰富的营养，鱼在肉类家族里常常是“高畜一筹”。　但是有人会有这样的疑惑，冷冻鱼和活鱼比起来，营养价值是不是都给“冻”没了?

                                        　　冷冻是一种重要的保藏方式
                                        
                                        　　跟鸡鸭猪牛羊这类禽畜相比，鱼的肌肉组织含水量更多，可溶性蛋白质含量也更高，又富含不饱和脂肪酸，天然免疫物质少，鳃和内脏附着的细菌多。而鱼死后呈弱碱性，更加适宜细菌生长，也就更容易腐败变质。所以，机智的吃货祖先们为了把远方的鱼运到自己家的餐桌上，让更多的人品尝到不同品种的鱼肉的鲜美，就发明了冰鲜鱼和冷冻鱼。
										
									</div>
								</div>
							</div>
						</div>
				</div>
				<div class="col-md-4 column ui-sortable">
					
				<div class="box box-element ui-draggable" style="display: block;">
							
							<div class="view">
								<div class="media well">
									<a href="#" class="pull-left"></a>
									<div class="media-body" contenteditable="true">
										<h4 class="media-heading">哪些啤酒谣言还在飞?</h4>
										新华网北京1月17日电(胡可璐)“使用啤酒花浸膏的就是‘化学啤酒’，‘啤酒肚’是喝啤酒喝出来的，啤酒嘌呤含量高导致痛风”，曾经，你是否也对这样的流言深信不疑?在网络搜索“啤酒肚”、“痛风”、“啤酒花浸膏”等关键词，上述相关信息多达上百万个。多年来，这些关于啤酒的谣言与误解经久不衰，甚至愈演愈烈，让消费者无所适从，也使行业蒙受不白之冤。那么我们该如何正确认识啤酒与人体健康的关系呢?
                                       1月17日，在食药监总局、国家网信办、质检总局、农业部等相关部门指导下，由新华网•中国食品辟谣联盟、中国酒业协会主办的“2017中国啤酒辟谣论坛”在北京举行，权威专家对相关啤酒谣言及认知误区逐一击破，并进行科学解读，还原真相。
                                       国家酿酒大师、中国食品发酵工业研究院副院长张五九表示，这是一种误解。“不明真相的人士将使用了二氧化碳酒花浸膏制造的啤酒误传为化学啤酒。”
                                       <div class="media">
											<a href="#" class="pull-left"></a>
											<div class="media-body" contenteditable="true">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div></div>
				<div class="col-md-4 column ui-sortable">
					
				<div class="box box-element ui-draggable" style="display: block;">
						
							<div class="view">
								<div class="media well">
									<a href="#" class="pull-left"></a>
									<div class="media-body" contenteditable="true">
										<h4 class="media-heading">凉拌或油炸四季豆易中毒</h4>
                                        　　四季豆是我们餐桌上的常客，但因为食用四季豆中毒的新闻却时有发生。根据广东历年食源性疾病监测报告显示，1月份因四季豆引起的食物中毒，通常占该月份中毒总起数的50%以上。如何烹饪四季豆才安全呢?
                                        警惕四季豆2种易中毒的吃法

　　四季豆又名菜豆、豆角、扁豆等，是全国普遍食用的蔬菜。四季豆中毒也是食物天然毒素中毒里较常见的情况。根据中毒实际调查，烹调不当是主要的诱因，多数为炒煮不够熟透所致。未煮熟的四季豆中含有皂素，皂素对消化道黏膜有强刺激性;另外，其中还可能含有植物血球凝集素和胰蛋白酶抑制物，均能引起食物中毒。

　　摄入未煮熟的四季豆，引起中毒的潜伏期为数10分钟，一般不超过5小时，主要为胃肠炎症状，如恶心、呕吐、腹痛和腹泻。呕吐少则数次，多则可达数十次。另有头晕、头痛、胸闷、出冷汗以及心慌，胃部有烧灼感，病程一般为数小时或1—2天。
										<div class="media">
											<a href="#" class="pull-left"></a>
											<div class="media-body" contenteditable="true">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div></div>
			</div>
        </div>

        <div class="view">
                <div class="row clearfix">
                    <div class="col-md-4 column ui-sortable">
                        <div class="box box-element ui-draggable" style="display: block;">
                            
                                <div class="view">
                                    <div class="media well">
                                        <a href="#" class="pull-left"></a>
                                        <div class="media-body" contenteditable="true">
                                            <h4 class="media-heading">南方春节食物的寓意</h4>
                                            南方春节食物的寓意是什么呢?众所周知中国是一个拥有五千年文化的文明大国，许多传统的东西都具有不同的寓意，那么下面就来看看南方春节食物的寓意吧。
                                            一、南方春节食物的寓意

                                            　　1、年糕;在南方,过年的时候必备的年货是年糕,就算不吃,也要在家里摆上一块,图个好意头。年糕皆因有个好彩头——“年高”,有发财、步步高升、甜蜜的意义,寓意新一年圆满甜美的生活。年糕年糕,年年高升
                                            
                                            　　2、糖环:在应节食品当中,糖环大概是最为美观吸引眼球的,它形状别致,外面一个圆环,里面像五角星,寓意环环相扣,生生不息。糖环有着悠久的历史。古时中原地区,糖环用面粉制作,后来到了岭南则改为糯米粉,放到油锅里炸至熟透后,呈金黄色,亦有黄金满屋的寓意。
                                            
                                            　　3、汤圆:大部分南方人家习惯在春节早晨都有合家聚坐共进汤圆的传统习俗。据说元宵象征着阖家团圆,正月十五吃元宵,是全国各地的共同风俗。元宵节吃汤圆的习俗大约形成于宋代。元宵一开始多被称为“汤圆”,因为它开锅之后漂在水面上。天上明月,碗里汤圆,家家户户团团圆圆,象征着团圆吉利。
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4 column ui-sortable">
                        
                    <div class="box box-element ui-draggable" style="display: block;">
                                
                                <div class="view">
                                    <div class="media well">
                                        <a href="#" class="pull-left"></a>
                                        <div class="media-body" contenteditable="true">
                                            <h4 class="media-heading">轻食主义到底是什么呢?</h4>
                                            　“轻食主义”初始定义是指分量少而容易吃饱的食物。到了后来词义被慢慢扩大丰富，演变成为低脂肪、低热量、少糖、少盐且富含高纤维和营养的食物。它以低热量的食材，取代大鱼大肉，使人们不再过分追求食物的“色、香、味”，简单地理解为满足口腹之欲的享乐。
                                            轻食和普通的节食不同之处在于，轻食是在一定热量限制内，尽量选择饱腹感强的食物。这就意味着，在保证正常膳食结构和一定热量的前提下，人们可以自己安排食谱。这就给很多不能承受节食痛苦，又想尽快减轻体重的人提供了一个好方法。在人体每天摄入的各种营养元素中，除了维持生命必须的碳水化合物和维生素外，蛋白质也是非常重要的组成部分。相比其他食物，蛋白质能带来更多的饱腹感。所以，为了能少吃点东西，适当食用一些肉类是轻食主义中很重要的一部分。只有在最少的热量下吃饱，才是真正迈出了减肥的第一步。在西方世界，人们很重视热量的摄入，所以在食品包装上都标有热量。目前在中国标注热量的食品也越来越多，在选购时也应该注意食品所含的热量，保证每天摄入的热量在标准范围内。
                                            <div class="media">
                                                <a href="#" class="pull-left"></a>
                                                <div class="media-body" contenteditable="true">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div></div>
                    <div class="col-md-4 column ui-sortable">
                        
                    <div class="box box-element ui-draggable" style="display: block;">
                            
                                <div class="view">
                                    <div class="media well">
                                        <a href="#" class="pull-left"></a>
                                        <div class="media-body" contenteditable="true">
                                            <h4 class="media-heading">腊八除了吃腊八粥还吃什么？</h4>
                                            　　　在腊八这一天，大家除了要喝腊八粥外，还要吃腊八饭、腊八面，还要泡腊八蒜、煮“五豆”。具体腊八除了吃腊八粥还吃什么?下面小编为您介绍。
                                            1、腊八豆腐

　　腊八豆腐是腊八前后，黟县家家户户都要晒制的豆腐，生活简朴的黟县人外出经商，作为菜肴可以吃上很长的时间。腊八豆腐是用小黄豆做成豆腐，中间挖洞放入食盐，在温和太阳下烤晒而成，使盐分慢慢吸收。

　　成品的腊八豆腐圆柱形中间一凹，不易变质随吃随取。腊八豆腐可以单吃，也可以和肉类同炒同炖，入口松软，味咸带甜，又香又鲜。

　　2、腊八面

　　我国北方一些不产或少产大米的地方，人们不吃腊八粥，而是吃腊八面。隔天用各种果、蔬做成臊子，把面条擀好，到腊月初八早晨全家吃腊八面。

　　做腊八面前一天下午就得炒好臊子、和好面。做臊子时，先把新鲜的猪肉或羊肉切成肉丁，再把豆腐、白萝卜、红萝卜、大葱等蔬菜切成丁;把肉丁放进热油锅炒到快熟时加入蔬菜丁，炒好后盛出备用;将和好的面擀成薄片、再切成菱形长条;锅里水烧开后，先把洗泡过的黄豆、小米、粉条、木耳、黄花菜等下入，煮至快熟时，下入面，最后再把准备好的肉臊子调进去，加入盐、花椒等调料，这样，一锅香喷喷的腊八面就做好啦。
                                            <div class="media">
                                                <a href="#" class="pull-left"></a>
                                                <div class="media-body" contenteditable="true">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div></div>
                </div>
            </div>
<br>
        <!-- 页脚 -->
        <footer>
            <p class="pull-right">
                <a href="#top">回到顶部</a>
            </p>
            <p>© 9102 广东环保学院 </p>
        </footer>

    </div>
</body>

</html>